<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>经纪人-测斑订单详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--标准mui.css-->
    <link rel="stylesheet" href="../css/mui.min.css">
    <link rel="stylesheet" href="../js/loding/loding.css">
    <script src="../js/loding/loading.js"></script>
    <!--App自定义的css-->
    <!--<link rel="stylesheet" type="text/css" href="../css/app.css"/>-->
    <style>
        li{ list-style:none; }
        .mui-input-row label{width: 100%;font-size: 15px;}
        label{
            font-size: 12px!important;
        }
    </style>

</head>
<body>
<div class="mui-content" >            
    <form class="mui-input-group" style="margin-bottom: 65px">
        <div class="mui-input-row ">
            <label >订单编号：<span id="oredid"></span></label>
        </div>
        <div class="mui-input-row ">
            <label style="">下单时间：<span id="time"></span></label>
        </div>
        <div class="mui-input-row ">
            <label>订单状态：<span id="oredtype"></span></label>
        </div>
        <div class="mui-input-row ">
            <label>检测结果：<span id="remake"></span></label>
        </div>
        <div class="mui-input-row " style="height: 240px;">
            <label>正面照：</label>
            <img src="" id="zimg" style="width: 50%;height: 190px;margin-left: 30%">
        </div>
        <div class="mui-input-row " style="height: 240px;">
            <label>左面照：</label>
            <img src="" id="limg" style="width: 50%;height: 190px;margin-left: 30%">
        </div>
        <div class="mui-input-row " style="height: 240px;">
            <label>右面照：</label>
            <img src="" id="rimg" style="width: 50%;height: 190px;margin-left: 30%">
        </div>

    </form>

    <div class="footerpage">
    </div>
</div>
<div id="outerdiv" style="text-align: center;position: fixed;z-index: 1000;top: 0;left: 0;
    width: 100%;height: 100%;background-color: rgba(255,255,255,.9);">
    <img id="bigimg" style="height: 80%;width: 80%;border: 0;
        margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;" src="" />
</div>
</body>

<script src="../js/mui.min.js"></script>
<script src="../js/practise/push.js"></script>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/getUrlParam.js"></script>
<script src="../js/cookieutil.js" type="text/javascript" charset="utf-8"></script>
<script type="application/javascript">
    showLoading("正在加载..","div");
    var id=getUrlParam("id");
    if (id==undefined){ mui.toast('请求错误id为空');}

    $(function(){
        /*公共部分
         * 导航栏
         * footer CopyRight
         */
        function onBridgeReady() {
            WeixinJSBridge.call('hideOptionMenu');
        }

        if (typeof WeixinJSBridge == "undefined") {
            if (document.addEventListener) {
                document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
            } else if (document.attachEvent) {
                document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
            }
        } else {
            onBridgeReady();
        }
        $(".headage").load("head.html");
        $(".footerpage").load("footer.html");

        mui.post('/Order/findOredId',
            {
                id:id
            },
            function(data){
                console.log(data);
                if (data.code&&data.object!=null){
                    var  item=data.object;
                    var oredid = document.getElementById("oredid");
                    oredid.innerHTML =item.id;//改变内容

                    var time = document.getElementById("time");
                    time.innerHTML =formattime(item.createtime);//改变内容

                    var oredtype = document.getElementById("oredtype");
                    oredtype.innerHTML =getstatustypefree(item.statustype);//改变内容


                    var remake = document.getElementById("remake");
                    remake.innerHTML =item.remake;//改变内容

                    var arr=item.preimages.split(",");
                    var x = document.getElementById("zimg");
                    x.src =imgsrcpath()+ arr[0];//改变内容
                    var l = document.getElementById("limg");
                    l.src = imgsrcpath()+arr[1];//改变内容
                    var r = document.getElementById("rimg");
                    r.src = imgsrcpath()+arr[2];//改变内容

                }
            },'json'

        );
        hideLoading();//隐藏后的回调函数
    });

</script>
</html>